<template>
  <div class="merchant">
     <!-- 顶部 -->
     <van-nav-bar title="商家详情" nav-bar-text-color='red'  left-arrow>
  <template #left>
    <van-icon name="arrow-left"  size="18" @click="$router.back()" />
  </template>
</van-nav-bar>

<div class="header_top">活动与属性</div>
<div>
  <ul class="baozheng">
  <li>
    <span class="hs" style="background-color: rgb(153, 153, 153);">保</span>
    <span>已加入“外卖保”计划，食品安全有保障(APP专享)</span>
  </li>
  <li>
     <span class="ls" style="background-color: rgb(87, 169, 255) ;">准</span>
    <span>准时必达，超时秒赔(APP专享)</span>
  </li>
  <li>
     <span class="hs" style="background-color: rgb(153, 153, 153);">票</span>
    <span>该商家支持开发票，请在下单时填写好发票抬头(APP专享)</span>
  </li>
  </ul>
  </div>
  <div class="huise"></div>
  <div>
    <div>
<van-cell title="食品监督安全公示" is-link value="企业认证详情" />
    </div>
    <div class="content">
      <div class="kansi">
      <img src="../assets/Snipaste_2021-10-22_17-32-10.jpg" style="vertical-align:middle;" alt="">
      </div>
      <div class="left_top">
        <p>监督检查结果:<span class="lvse">良好</span></p>
      <p class="huanghan"> 检查日期:</p>
      </div>
   
    </div>
  </div>
  <div class="huise"></div>
  <div class="shangjia">商家信息</div>
     <div class="sjC">
         <div class="zhiti">效果演示</div>
        <div class="zhiti">地址：广东省广州市越秀区中山五路219号华联购物中心F1</div>
        <div class="zhiti">营业时间：[8:30/20:30]</div>
     </div>
        <van-cell title="营业执照" is-link />
    
        <van-cell title="餐饮服务许可证" is-link />
  </div>
</template>


<script>
export default {


}
</script>


<style lang="less" scoped>
.merchant{
  background-color: #fff;
}
.van-divider{
    border-style: none;
}
.van-cell{
    padding: 11px 10px 5px;
    line-height: 23px;
    border-bottom: 1px solid #f6f6f6;
}
.header_top{
    height: 40px;
    line-height: 39px;
    margin-left: 10px;
    border-bottom: 1px solid #f6f6f6;
}

/deep/.van-nav-bar__title{
  color: #fff;
}
.van-nav-bar{
  background-color: #3190e8;
  color: #fff;
  .van-icon{
    color: #fff;
  }
}
.hs{
    display: block;
  color: #fff;
  width: 13px;
  line-height: 16px;
  height: 16px;
  margin: 0 10px;
  text-align: center;
  font-size: 12px;
  border-radius: 1px;
}
.ls{
   display: block;
  color: #fff;
  width: 13px;
  line-height: 16px;
  height: 16px;
  margin: 0 10px;
  text-align: center;
  font-size: 12px;

}
li{
  padding: 7px 0px ;
margin: 10px 0px;
 font-size: 13px;
 display: flex;  
}
.huise{
  width: 100%;
  height: 11px;
  background-color: #ebebeb;
  
}
.huanghan{
 font-size: 13px;
 line-height: 35px;
}
.lvse{
color: #7ed321;
 padding: 0 0 0 15px;
}
.content{
    display: flex;
    height: 78px;
    img{
        margin-top: 10px;
    }
    .left_top{
        margin: 23px 0 0 10px;
        font-size: 13px;
        color: #9b9c9d;
   }
}
.kansi{
   font-size: 13px;
   padding-left: 10px;
   
}
.shangjia{
    line-height: 44px;
    padding-left: 10px;
  border: 1px solid #ebebeb;
}
.zhiti{
  font-size: 13px;
  line-height: 45px;
  border-bottom: 1px solid #ebebeb;
}
.sjC{
    padding:0 10px;
}
/deep/.van-cell{
    padding: 21px 10px 5px;
}
.van-cell--clickable{
    padding: 21px 10px 5px;
}


</style>